<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<h:head>

<style> 
.ui-widget, 
.ui-widget .ui-widget { 
font-size: 11px ; 
} 

</style> 

</h:head>
<h:body>
<p:growl id="boxMensagens" showDetail="true" />
		<h:form>
			<p:panel id="panelLogin" style="width: 440px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left:-220px; margin-top:-80px;">
				<p:panelGrid id="panelGridLogin" columns="2" style="width: 220px; height: 80px; position: absolute; left: 36%; top: 32%; margin-left:-110px; margin-top:-40px;">
					<f:facet name="header">  
        				Autenticação do Usuário
    				</f:facet>

					<h:outputLabel for="login" value="Login: *" />
					<p:inputText id="login" size="50" value="#{usuarioAction.usuario.login}" required="true" label="Login" />
					
					<h:outputLabel for="senha" value="Senha: *" />
					<p:password id="senha" size="50" value="#{usuarioAction.usuario.senha}" required="true" label="Senha" />

					<f:facet name="footer">
						<p:commandButton value="Logar" icon="ui-icon-check" ajax="false"
							style="margin:0; width:60%; align: right" action="#{usuarioAction.logar()}" />
					</f:facet>
				</p:panelGrid>
			</p:panel>
		</h:form>
</h:body>
</html>
